Overdue · spec sheet
Motion & tokens
← Back to the prototype
Principles
{{ p.t }}
{{ p.d }}
Spring presets
No easing curves anywhere. Click a row to drop the block with that preset.
{{ s.n }}
{{ s.v }}
{{ s.d }}
Motion spec · one hero per screen
Moment
Trigger
Duration
Spring
End state
Haptic
{{ m.n }}
{{ m.t }}
{{ m.d }}
{{ m.s }}
{{ m.e }}
{{ m.h }}
Color
{{ c.n }}
{{ c.v }}
{{ c.u }}
Spine colours are sampled from each cover at import, then snapped to the nearest flat tone. No gradients; the only shading is a 4px light and dark edge on each spine.
Type
{{ t.x }}
{{ t.m }}
Radius & stroke
{{ r.n }}
{{ r.v }}
Strokes: 2.5px ink on components, 3px on containers and planks. Shadows are hard offsets only: 0 4–5px 0 ink at rest, 0 1px 0 when pressed (the element moves down 4px). Nothing blurs.
Haptic map
{{ h.k }}
{{ h.v }}